<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title>活动空间</title>
		<link rel="stylesheet" href="../../css/media.css" />
		<link rel="stylesheet" href="../../css/iconfont.css"c>
		<link rel="stylesheet" href="../../css/common.css" />
		<style>
			.content{
				padding-top: 1.16rem;
				padding-bottom: 1rem;
			}
			.content div{
				width: 5.7rem;
				height: 1.4rem;
				line-height: 1.4rem;
				margin-top: .66rem;
				margin-left: auto;
				margin-right: auto;
				font-size: .48rem;
				color: #FFFFFF;
				text-align: center;
			}
			.content div:last-child{
				margin-bottom: .66rem;
			}
			.first{
				background: -webkit-linear-gradient(#F2A25D, #F58986); /* Safari 5.1 - 6.0 */
			    background: -o-linear-gradient(#F2A25D, #F58986); /* Opera 11.1 - 12.0 */
			    background: -moz-linear-gradient(#F2A25D, #F58986); /* Firefox 3.6 - 15 */
			    background: linear-gradient(#F2A25D, #F58986); /* 标准的语法 */
			}
			.second{
				background: -webkit-linear-gradient(#5EA3D3, #A397F3); /* Safari 5.1 - 6.0 */
			    background: -o-linear-gradient(#5EA3D3, #A397F3); /* Opera 11.1 - 12.0 */
			    background: -moz-linear-gradient(#5EA3D3, #A397F3); /* Firefox 3.6 - 15 */
			    background: linear-gradient(#5EA3D3, #A397F3); /* 标准的语法 */
			}
			.third{
				background: -webkit-linear-gradient(#69D7A4, #96DB6B); /* Safari 5.1 - 6.0 */
			    background: -o-linear-gradient(#69D7A4, #96DB6B); /* Opera 11.1 - 12.0 */
			    background: -moz-linear-gradient(#69D7A4, #96DB6B); /* Firefox 3.6 - 15 */
			    background: linear-gradient(#69D7A4, #96DB6B); /* 标准的语法 */
			}
			.first span,.second span,.third span{
				margin-left: .22rem;
			}
			.icon-gongkaijiangzuo{
				font-size: .6rem;
			}
			.icon-duzhexuanzhong{
				font-size: .55rem;
			}
			.icon-tupian{
				font-size: .52rem;
			}
		</style>
	</head>
	<body>
		<div class="content">
			<div class="first">
				<i class="iconfont icon-gongkaijiangzuo"></i>
				<span>讲座沙龙</span>
			</div>
			<div class="second">
				<i class="iconfont icon-duzhexuanzhong"></i>
				<span>读者活动</span>
			</div>
			<div class="third">
				<i class="iconfont icon-tupian"></i>
				<span>展览&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			</div>
		</div>
		
	</body>
	<script type="text/javascript" src="../../js/jquery.min.js" ></script>
	<script type="text/javascript">
		
	</script>
		
	
</html>
